<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
</body>
<script>


    // 什么时候适合打包成对象
        // 在描述同一个个体的非同类数据
    // 什么时候适合打包成数组
        // 描述多个个体的同类数据

    // 每次点击都会产生
        // 第n次点击
        // 点击的坐标
    // 规划的数据格式
        // [{
        //     num:1,
        //     pos:{}
        // },
        // {
        //     num:1,
        //     pos:{}
        // },
        // {
        //     num:1,
        //     pos:{}
        // }]

    const arr = [];

    let n = 0;

    document.onclick = function(eve){
        n++;
        arr.push({
            num: n,
            pos: {
                x: eve.offsetX,
                y: eve.offsetY
            }
        })

        localStorage.setItem("abc", JSON.stringify(arr));
    }


    // [{…}, {…}, {…}]
    // 强行转字符
    // [object Object], [object Object], [object Object]
</script>
</html>